
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>劳动技能信息详情</title>
    <link rel="stylesheet" href="/css/base/base.css?20201106.1">
    <link rel="stylesheet" href="/css/notice/noticeManagement.css">
    <script src="/js/common/language.js"></script>
    <script type="text/javascript" src="/js/jquery/jquery-1.9.1.js"></script>
    <script src="/js/base/base.js"></script>
    <script src="/js/webOffice/fileShow.js" type="text/javascript" charset="utf-8"></script>

    <style>
        table{
            width: 90%;
            margin: 0 auto;
        }
        table tr td{
            padding: 8px;
            font-size: 11pt;
            border-right: #ccc 1px solid;
        }
        table tr td:nth-child(odd){
            width: 120px;
        }
        .backBtn{
            width: 60px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            border-radius: 4px;
            background: #2F8AE3;
            color: #fff;
            margin: 0 auto;
            cursor: pointer;
        }
    </style>
</head>
<body>
<div class="navigation">
    <img src="/img/commonTheme/${sessionScope.InterfaceModel}/gonggaochaxun.png" alt="">
    <h2>劳动技能信息详情</h2>
</div>
<div class="content">
    <table border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse;">
        <tr>
            <td>姓名：</td>
            <td><span class="staffName"></span></td>
            <td>技能名称：</td>
            <td><span class="abilityName"></span></td>
        </tr>
        <tr>
            <td>特种作业：</td>
            <td><span class="specialWork"></span></td>
            <td>级别：</td>
            <td><span class="skillsLevel"></span></td>
        </tr>
        <tr>
            <td>技能证：</td>
            <td><span class="skillsCertificate"></span></td>
            <td>发证日期：</td>
            <td><span class="issueDate"></span></td>
        </tr>
        <tr>
            <td>有效期：</td>
            <td><span class="expires"></span></td>
            <td>到期日期：</td>
            <td><span class="expireDate"></span></td>
        </tr>
        <tr>
            <td>发证机关/单位：</td>
            <td colspan="3"><span class="issuingAuthority"></span></td>
        </tr>
        <tr>
            <td>备注：</td>
            <td colspan="3"><span class="remark"></span></td>
        </tr>
        <tr>
            <td>附件文档：</td>
            <td colspan="3" class="attachName"></td>
        </tr>
        <tr>
            <td>登记时间：</td>
            <td colspan="3" class="addTime"></td>
        </tr>
        <tr>
            <td>最后修改时间：</td>
            <td colspan="3" class="lastUpdateTime"></td>
        </tr>
        <tr>
            <td colspan="4"><div class="backBtn">关闭</div></td>
        </tr>
    </table>
</div>

<script type="text/javascript">
    $(function () {
        var dataId=GetQueryString('dataId');
        $.ajax({
            type:'get',
            url:'/hr/manage/getStaffBySkillsId',
            dataType:'json',
            data:{
                skillsId:dataId
            },
            success:function (res) {
                var datas=res.object;
                $('.staffName').html(datas.staffName);
                $('.abilityName').html(datas.abilityName);
                $('.specialWork').html(datas.specialWork);
                $('.skillsLevel').html(datas.skillsLevel);
                $('.skillsCertificate').html(datas.skillsCertificate);
                $('.issueDate').html(datas.issueDate);
                $('.expires').html(datas.expires);
                $('.expireDate').html(datas.expireDate);
                $('.issuingAuthority').html(datas.issuingAuthority);
                $('.remark').html(datas.remark);
                $('.addTime').html(datas.addTime);
                $('.lastUpdateTime').html(datas.lastUpdateTime);

                var arrList=datas.attachmentList
                if(arrList.length>0){
                    attachmentShow(arrList,'1',$('.attachName'),'1');
                }
            }
        })
        $('.backBtn').click(function () {
            window.close();
        })
    })
    function GetQueryString(name) {
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if(r!=null)return  unescape(r[2]); return null;
    }
</script>

</body>
</html>